<template>
  <div style=" width: 97%; margin: auto;">
    <h3>年检审核意见</h3>
    <table border="" style="width: 100%; font-size: 14px; margin-bottom: 20px;">
      <tr>
        <td style="width: 20%; text-align: center;">业务主管单位初审意见</td>
        <td style="width: 80%; vertical-align: bottom;">
          <p>{{postForm.supervisoryUnitOpinion}}</p>
          <p style="margin-top: 20px; text-align: right;">
          <span style="margin-right: 100px;">经办人（盖章）：</span><span
          style="margin-right: 80px;">负责人：{{postForm.supervisoryUnitResponsible}}</span>
        </p>
          <p style="margin-top: 20px; margin-bottom: 20px; text-align: right;">
            <span style="margin-right: 20px;">{{postForm.supervisoryUnitTime}}</span></p>
        </td>
      </tr>
      <tr>
        <td style="width: 20%; text-align: center;">登记管理机关审查意见</td>
        <td style="width: 80%; vertical-align: bottom;">
          <p>{{postForm.registrationUnitOpinion}}</p>
          <p style="margin-top: 20px; text-align: right;">
          <span style="margin-right: 100px;">经办人（盖章）：</span><span
          style="margin-right: 80px;">负责人：{{postForm.registrationUnitResponsible}}</span>
        </p>
          <p style="margin-top: 20px; margin-bottom: 20px; text-align: right;"><span
            style="margin-right: 20px;">{{postForm.registrationUnitTime}}</span></p>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
import {getDictByCode, getTableInfoByPage, stSaveApproval} from "@/views/yearCheck/ykb/st/st";

export default {
  data() {
    return {
      postForm: {
        creditCode:'',//统一社会信用代码
        description:'',//
        examineYear:'',//审查年度
        id:'',//
        organizationBaseId:'',//社团组织id
        presenter:'',//呈报人
        presenterPhone:'',//呈报人联系电话
        recipients:'',//收件人
        recipientsTime:'',//($date-time)签收日期
        registrationUnitHandling:'',//
        registrationUnitOpinion:'',//
        registrationUnitResponsible:'',//
        registrationUnitTime:'',//($date-time)
        supervisoryUnitHandling:'',//
        supervisoryUnitOpinion:'',//主管单位意见
        supervisoryUnitResponsible:'',//主管单位负责人
        supervisoryUnitTime:'',//($date-time)

      },
    };
  },
  created() {

  },
  methods: {
    postInfo() {
      // this.postForm.creditCode = localStorage.getItem("creditCode");
      // this.postForm.examineYear = localStorage.getItem("examineYear");
      // stSaveApproval(this.postForm).then(response => {
      //   this.$message({
      //     message: '提交成功',
      //     type: 'success'
      //   });
      //   this.getInfo();
      // });
    },
    getInfo() {
      getTableInfoByPage(20).then(response => {
        this.postForm = JSON.parse(JSON.stringify(response.data).replace(/null/g, '""'));
      });
    }
  }
}
</script>
<style scoped lang="scss">
.el-table {
  --el-table-row-hover-bg-color: rgba(39, 137, 238, 0.1);
  --el-table-border-color:#e0e5f0;
}
:deep(.el-card.is-always-shadow) {
  box-shadow: 0 1px 14px 0 rgba(209, 224, 239, 0.6)
}

/* 拉框选中 */
.el-select-dropdown__item {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

/* 鼠标经过下拉框 */
.el-select-dropdown__item:hover {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.el-select-dropdown__item.selected {
  color: #2789EE;
}
.app-container {
  margin-top: 40px;
  margin-left: 15%;
  width: 70%;
}

.div-bg {
  width: 100%;
  background: #F0F0F0;
  height: 10px;
}

.box-card {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
}

.el-col {
  padding-left: 5px;
}

.divider-title {
  font-weight: bold;
  font-size: 18px;
}

.custom-select .el-select-dropdown {
  max-height: 600px; /* 设置为你想要的高度 */
  overflow: auto; /* 添加滚动条 */
}

table {
  border-collapse: collapse; /* 确保表格的边框合并为单一边框 */
  width: 100%; /* 表格宽度 */
}

td {
  border: 1px solid #ababab; /* 设置单线边框 */
  padding: 6px; /* 单元格内边距 */
}
.el-form-item {
  margin-bottom: 0px;
}
</style>
